<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false"
    CodeFile="displaySong.aspx.vb" Inherits="displaySong" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<meta name="keywords" content="songs, lyrics, chords, bands, guitar, music, artists" />
<meta name="description" content="YobboGuitar: songs, lyrics and chords for all" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Author" content="Dr Martin Moxham" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    
    <h1 runat="server">
        Song Lyrics and Chords</h1><p>
            <asp:Button ID="Button_editSong" runat="server" Width="150px" Text="Edit this song" /></p>

    <h2 runat="server" id="h2_title"> </h2>
    <div runat="server" id="div_notLoggedInContent">
        <p style="color:Green">
            <img runat="server" src="~/images/information.png" alt="info" />&nbsp;<i><a href="~/login.aspx"  runat="server">Login</a> or <a href="~/register.aspx"  runat="server">Register</a> to edit and post ratings/comments</i></p>
    </div>
    <p runat="server" id="p_bandName">
    </p>
    <p runat="server" id="p_genreName">
    </p>
    <p runat="server" id="p_ratingText">
    </p>
    <h3>Tagging for this song</h3>
    <p runat="server" id="p_taggingText">
    </p>
    <div runat="server" id="div_addTagText">
    <p><i>Add additional tagging information here: (separate your tags with semi-colons)</i></p>
    <p> <asp:TextBox ID="TextBox_addTagText" runat="server" Width="800px"></asp:TextBox>&nbsp;&nbsp;&nbsp;&nbsp;<asp:Button ID="Button_addTagText" runat="server" Text="Add Tag Text" /></p> 
    </div>
    <h3>Lyrics and chords</h3>
    <div runat="server" id="div_songDisplay">
    </div>
    <div runat="server" id="div_loggedInContent">
              <div runat="server" id="div_rateSong">
                             <h3>Rate this song</h3>
            <p>
                <asp:DropDownList ID="DropDownList_rate" runat="server" AutoPostBack="true">
                    <asp:ListItem Selected="True" Value="-1">-Select rating-</asp:ListItem>
                    <asp:ListItem Value="0">No stars</asp:ListItem>
                    <asp:ListItem Value="1">One star</asp:ListItem>
                    <asp:ListItem Value="2">Two stars</asp:ListItem>
                    <asp:ListItem Value="3">Three stars</asp:ListItem>
                    <asp:ListItem Value="4">Four stars</asp:ListItem>
                    <asp:ListItem Value="5">Five stars</asp:ListItem>
                </asp:DropDownList>
            </p>
            <hr />
        </div>
        <div runat="server" id="div_addComment">
         <hr />
            <h3>Comment on this song</h3>
            <p>
                <asp:TextBox ID="TextBox_comment" runat="server" Width="800px" TextMode="MultiLine"
                    Height="200px"></asp:TextBox></p>
            <p>
                <asp:Button ID="Button_postComment" runat="server" Text="Post comment" /></p>
       <hr />
        </div>
    </div>
    
    <div runat="server" id="div_comments">
    <h3>Comments</h3>
    <asp:GridView ID="GridView_comments" runat="server" AutoGenerateColumns="false" GridLines="None" AlternatingRowStyle-BackColor="Beige"  DataKeyNames="ID" Width="800px">
    <Columns>
               <asp:BoundField  DataField="ID" Visible="false" ControlStyle-BorderStyle="None" HeaderStyle-HorizontalAlign="Left" />
               <asp:BoundField HeaderText="Date/Time"  DataField="commentDate" ControlStyle-BorderStyle="None" HeaderStyle-HorizontalAlign="Left"/>
               <asp:BoundField HeaderText="Contributor" DataField="nickName" ControlStyle-BorderStyle="None" HeaderStyle-HorizontalAlign="Left"/>
               <asp:BoundField HeaderText="Comment"  DataField="comment" ControlStyle-BorderStyle="None" HeaderStyle-HorizontalAlign="Left"/>
               <asp:ButtonField Text="Refer to moderator" ControlStyle-BorderStyle="None" ItemStyle-Font-Size="XX-Small" HeaderStyle-HorizontalAlign="Left"/>
    </Columns>
    </asp:GridView>
        <asp:Literal ID="Literal_noComments" runat="server">None. Why not be the first person to comment on this song?</asp:Literal>
     </div>
    <asp:HiddenField ID="HiddenField_numberOfRatings" runat="server" />
    <asp:HiddenField ID="HiddenField_rating" runat="server" />
</asp:Content>
